header {
    grid-area: Header;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: aquamarine;
    background-color: fuchsia;

    li {
        display: inline;
        padding: 15px; /* Padding between the elements of the list */
    }
}

section.Title {
    grid-area: Header;
    font-family: Helvetica;
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    color: aquamarine;
    text-align: center;

    padding-top: 50px;
    padding-bottom: 0px;
    padding-right: 600px;
    padding-left: 600px;

    p {
        border-style: solid;
        border-width: 20px;
        border-color: aquamarine;
    }
}

section.Intro {
    grid-area: Intro;
    text-align: center;
    background-color: aquamarine;

    p.Subtitle {
        font-family: Helvetica;
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;
        color: yellow;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    p.Content {
        font-family: Helvetica;
        font-size: 30px;
        color: yellow;
    }

    padding-bottom: 20px;
}

section.Products {
    grid-area: Products;
    text-align: center;
    background-color: fuchsia;

    p.Subtitle {
        font-family: Helvetica;
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;
        color: aquamarine;
    }

    .Content {
        font-family: Helvetica;
        font-size: 30px;
        color: aquamarine;
    }

    padding-bottom: 20px;
}

section.Contacts {
    grid-area: Contacts;
    text-align: center;
    background-color: aquamarine;

    p.Subtitle {
        font-family: Helvetica;
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;
        color: yellow;
        padding-bottom: 10px;
    }

    p.Content {
        font-family: Helvetica;
        font-size: 30px;
        color: yellow;
    }
}

section.About {
    grid-area: Footer;
    font-family: Helvetica;
    font-size: 20px;
    text-transform: uppercase;
    color: aquamarine;
    background-color: fuchsia;

    #List {
    display: grid;
    grid-template-rows: 40px 40px;
    grid-template-columns: 200px 200px 200px 200px 200px 200px;
    column-gap: 40px;
    row-gap: 5px;
    }

    padding-bottom: 20px;
}

footer {
    grid-area: Footer;
    font-family: Helvetica;
    font-size: 20px;
    text-transform: uppercase;
    color: aquamarine;
    text-align: right;
}


.Container {
    display: grid;
    column-gap: 0px;
    row-gap: 0px;
    grid-template-areas:
    'Header' 'Header' 'Header'
    'Intro' 'Products' 'Contacts'
    'Footer' 'Footer' 'Footer';
}